<template>
  <div>
    HelloA 组件

    <p>姓名：{{ name }}</p>

    <button @click="name = '里斯'">点我</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "张三",
    };
  },

  activated() {
    // 类似 mounted 干的事情
    console.log(1, this.$parent.msg);
  },

  deactivated() {
    // 类似 beforeDestroy 干的事情
    console.log(2);
  },
};
</script>
